"use client"

import TodoList, { TodoItem } from '@/components/todo_list'
import { useRouter } from 'next/navigation'

const TodoListApp = () => {
  const router = useRouter()
  const onItemClick = (item: TodoItem) => {
    router.push(`/list/${item.id}?content=${item.content}`)
  }
  return (
    <TodoList onItemClick={onItemClick} />
  )
}

export default TodoListApp